<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document-分类</title>
    <link href="__ROOT__/Public/img/favicon.ico" rel="shortcut icon">
    <link rel="stylesheet" href="/WapPublic/css/bootstrap.min.css">
    <link rel="stylesheet" href="__ROOT__/WapPublic/css/wapIndex.css">
    <link href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
    <!--<link rel="stylesheet" href="__ROOT__/Public/css/website.css">-->
    <!--<link rel="stylesheet" href="http://apps.bdimg.com/libs/layer/2.1/skin/layer.css">-->
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.jquery.min.js"></script>
    <!--<script type="text/javascript" src="http://apps.bdimg.com/libs/layer/2.1/layer.js"></script>-->
    <!--<script type="text/javascript" src="__ROOT__/Public/js/index.js"></script>-->
</head>
<body>
<div class="header">
    <div class="header-info">
        <div class="header-top clearfix">
            <a class="com-hearder-icon mailbox-icon" href="javascript:;" ></a>
            <div class="search">
                <form class="navbar-form navbar-left">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                </form>
            </div>
            <a href="javascript:;" class="com-hearder-icon time-icon"></a>
            <a href="javascript:;" class="com-hearder-icon download-icon"></a>
        </div>
    </div>
    <div class="header-nav">
        <ul class="clearfix">
            <li><a href="/wap.php/Index">推荐</a></li>
            <li><a href="/wap.php/Index/classify" class="header-nav-active header-nav-active-border">分类</a></li>
            <li><a href="/wap.php/Index/classic">精品</a></li>
            <li><a href="/wap.php/Index/liveRadio">直播</a></li>
            <li><a href="/wap.php/Index/broadcast">广播</a></li>
        </ul>
    </div>
</div>
<div class="main-wap-wrapper">
    <div class="classify">
        <div class="content-top-info">
            <table border="1" class="content-bg-color">
                <tr>
                    <td rowspan="2" class="first-width"><img class="display-block" src="/WapPublic/img/heart.png">有声书</td>
                    <td>悬疑</td>
                    <td>都市</td>
                    <td>武侠</td>
                </tr>
                <tr>
                    <td>言情</td>
                    <td>悬疑</td>
                    <td>都市</td>
                </tr>
            </table>
            <table border="1" class="content-bg-color">
                <tr>
                    <td><img src="/WapPublic/img/heart.png">悬疑</td>
                    <td><img src="/WapPublic/img/heart.png">都市</td>
                    <td><img src="/WapPublic/img/heart.png">都市</td>
                    <td><img src="/WapPublic/img/heart.png">更多</td>
                </tr>
            </table>
        </div>
        <div class="content-list">
            <div class="title">知识</div>
            <table border="1" class="content-bg-color">
                <tr>
                    <td><img src="/WapPublic/img/heart.png">悬疑</td>
                    <td><img src="/WapPublic/img/heart.png">都市</td>
                    <td><img src="/WapPublic/img/heart.png">武侠</td>
                </tr>
                <tr>
                    <td><img src="/WapPublic/img/heart.png">言情</td>
                    <td><img src="/WapPublic/img/heart.png">悬疑</td>
                    <td><img src="/WapPublic/img/heart.png">都市</td>
                </tr>
            </table>
        </div>
        <div class="content-list">
            <div class="title">知识</div>
            <table border="1" class="content-bg-color">
                <tr>
                    <td><img src="/WapPublic/img/heart.png">悬疑</td>
                    <td><img src="/WapPublic/img/heart.png">都市</td>
                    <td><img src="/WapPublic/img/heart.png">武侠</td>
                </tr>
                <tr>
                    <td><img src="/WapPublic/img/heart.png">言情</td>
                    <td><img src="/WapPublic/img/heart.png">悬疑</td>
                    <td><img src="/WapPublic/img/heart.png">都市</td>
                </tr>
            </table>
        </div>
        <div class="content-list">
            <div class="title">知识</div>
            <table border="1" class="content-bg-color">
                <tr>
                    <td><img src="/WapPublic/img/heart.png">悬疑</td>
                    <td><img src="/WapPublic/img/heart.png">都市</td>
                    <td><img src="/WapPublic/img/heart.png">武侠</td>
                </tr>
                <tr>
                    <td><img src="/WapPublic/img/heart.png">言情</td>
                    <td><img src="/WapPublic/img/heart.png">悬疑</td>
                    <td><img src="/WapPublic/img/heart.png">都市</td>
                </tr>
                <tr>
                    <td><img src="/WapPublic/img/heart.png">悬疑</td>
                    <td><img src="/WapPublic/img/heart.png">都市</td>
                    <td><img src="/WapPublic/img/heart.png">武侠</td>
                </tr>
                <tr>
                    <td><img src="/WapPublic/img/heart.png">言情</td>
                    <td><img src="/WapPublic/img/heart.png">悬疑</td>
                    <td><img src="/WapPublic/img/heart.png">都市</td>
                </tr>
                <tr>
                    <td><img src="/WapPublic/img/heart.png">悬疑</td>
                    <td><img src="/WapPublic/img/heart.png">都市</td>
                    <td><img src="/WapPublic/img/heart.png">武侠</td>
                </tr>
                <tr>
                    <td><img src="/WapPublic/img/heart.png">言情</td>
                    <td><img src="/WapPublic/img/heart.png">悬疑</td>
                    <td><img src="/WapPublic/img/heart.png">都市</td>
                </tr>
                <tr>
                    <td><img src="/WapPublic/img/heart.png">悬疑</td>
                    <td><img src="/WapPublic/img/heart.png">都市</td>
                    <td><img src="/WapPublic/img/heart.png">武侠</td>
                </tr>
                <tr>
                    <td><img src="/WapPublic/img/heart.png">言情</td>
                </tr>
            </table>
        </div>
    </div>
</div>
</body>
</html>